<!DOCTYPE html>
<html>
	<head>
		<?php 
			if($this->uri->segment(2)=="detail"){
        		echo $open_graph;
        	}
		?>
		<title><?php echo $title; ?> | Jobpending</title>
		<meta name="description" content="Jobpending is a Cambodia website (Khmer) which have been created for collecting job from all the companies in Cambodia to post on Jobpending.com, all visitor will be able to view, read , share and apply just press a few click." />
    	<meta name="keywords" content="job,jobpending,Cambodia job,Khmer job, job website in cambodia,job recruitment in cambodia,employment,recruitment,career,job annoucement,job seeking,job page,list job,find job,kh job,job search,job provider, job place,job website" />
    	<meta http-equiv="pragma" content="no-cache">
            
    	<meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">  
    	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    	<meta name="viewport" content="width=device-width,user-scalable=0">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        

		<!-- jQuery 2.0.2 -->
		<script src="<?php echo base_url() . B_JS; ?>jquery.min.js" type="text/javascript"></script>

		<!-- bootstrap 3.0.2 -->
		<link href="<?php echo base_url() . F_CSS; ?>screen/screen.css" rel="stylesheet" type="text/css" />
		<link href="<?php echo base_url() . B_CSS; ?>bootstrap.min.css" rel="stylesheet" type="text/css" />
		<link href="<?php echo base_url() . B_CSS; ?>non-responsive.css" rel="stylesheet" type="text/css" />
		<!-- font Awesome -->
		<link href="<?php echo base_url() . B_CSS; ?>font-awesome.min.css" rel="stylesheet" type="text/css" />
		<!-- Ionicons -->
		<link href="<?php echo base_url() . B_CSS; ?>ionicons.min.css" rel="stylesheet" type="text/css" />
		<!-- DATA TABLES -->
		<link href="<?php echo base_url() . B_CSS; ?>datatables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" />
		<!-- Morris chart -->
		<link href="<?php echo base_url() . B_CSS; ?>morris/morris.css" rel="stylesheet" type="text/css" />
		<!-- jvectormap -->
		<link href="<?php echo base_url() . B_CSS; ?>jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
		<!-- Date Picker -->
		<link href="<?php echo base_url() . B_CSS; ?>datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
		<!-- Daterange picker -->
		<link href="<?php echo base_url() . B_CSS; ?>daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
		<!-- bootstrap wysihtml5 - text editor -->
		<link href="<?php echo base_url() . B_CSS; ?>bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
		<!-- Theme style -->
		<link href="<?php echo base_url() . B_CSS; ?>AdminLTE.css" rel="stylesheet" type="text/css" />
		<link href="<?php echo base_url() . F_CSS; ?>ajax_load.css" rel="stylesheet" type="text/css" />
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->
		<!-- jQuery UI 1.10.3 -->
		<script src="<?php echo base_url() . B_JS; ?>jquery-ui-1.10.3.min.js" type="text/javascript"></script>

		<link href="<?php echo base_url() . F_CSS; ?>style.css" rel="stylesheet" type="text/css" />

	</head>
	<body class="skin-blue">
		<!-- header logo: style can be found in header.less -->

		<div class="wrapper row-offcanvas row-offcanvas-left">

			<!-- Main content -->
			<div class="row">
				<div class="contain-logo-banner">
					<div class="container">
						<div class="col-xs-4 conatin-logo">
							<img src="<?php echo base_url() . F_IMG; ?>jobpending.png" title="kh-job" />
						</div>
						<div class="col-xs-8 banner-header">
                            <div class="job_pending_employer_login">
                            	<?php
                            		if (!$this -> session -> userdata('employer_active_access')) {
								?>
									<a href="<?php echo base_url(); ?>employers/register" title="Employer Create An Account" alt="Employer Create An Account" class="col-create">Create an account</a> <span class="or">or</span>
                                	<a href="<?php echo base_url(); ?>employers/login" title="Employer Login" alt="Employer Login"  class="col-loging">Login</a>
								<?php
									}else{
								?>
									<a href="<?php echo base_url(); ?>employers/logout" title="Employer Logout" alt="Employer Logout"  class="col-loging">Quick Logout</a>
								<?php
									}
                            	?>
                                
                            </div>
						</div>
					</div>
				</div>
				
				<div class="menu">
					<div class="container">
						
						<?php
							include 'header.php';
						?>
					</div>
				</div>
			</div>
			<section class="container shadow">
								<!-- Small boxes (Stat box) -->
				<div >
					<div class="col-xs-12">
						<!-- contain div section -->
						<!-- header -->
						
					
				

						<!--/ end header -->
						<div class="row">
							<!-- row contain category and facebook -->

							<section class="content">
								<div class="row" style="margin-right: 0px;">
									<?php
							$this->load->view(F_TEMPLATE."notifications/notification");
						?>
								</div>
								
								<?php
									if ($this -> uri->segment(1)=="" || ($this->uri->segment(1)=="jobs" && $this->uri->segment(2)!="detail")) {
								?>
								
								<div class="row">
									<div class="col-xs-8">
										<?php
										include "search.php";
										?>

									</div><!-- /.col -->
									<div class="col-xs-4">
										<?php
										include 'jobseeker_banner.php';
										?>
									</div>
									<!-- end blog search and sign up -->
								</div><!-- /.row -->
								<?php
									}
								?>

								<div class="row">
									<?php
									if (($this -> session -> userdata('employer_active_access') || $this -> session -> userdata('jobseeker_active_access')) && ($this -> uri -> segment(1) == 'employers' || $this -> uri -> segment(1) == 'jobseekers')) {
										$col = 12;
									} else {
										$col = 8;
									}
									?>
									<?php
									if (isset($error_404)) {
											$this -> load -> view(F_TEMPLATE . "errors/error_404");
										} 
									?>
									<div class="col-xs-<?php echo $col; ?>">

										<?php

										if(!isset($error_404)) {
											if ($this -> uri -> segment(1) == "") {
												$this -> load -> view(F_MASTER . "choosing_job");
												$this -> load -> view(F_MASTER . "latest_job");
												$this -> load -> view(F_MASTER . "feature_employers");
											} else {
												if ($this -> uri -> segment(1) == "employers" && $this -> uri -> segment(2) == "") {
													$this -> load -> view(F_TEMPLATE . "employers/register");
												} else if ($this -> uri -> segment(1) == "jobseekers" && $this -> uri -> segment(2) == "") {
													$this -> load -> view(F_TEMPLATE . "jobseekers/register");
												} else {
													$this -> load -> view(F_TEMPLATE . str_replace('-', '_', $this -> uri -> segment(1)) . '/' . (($this -> uri -> segment(2) == '') ? 'index' : str_replace('-', '_', $this -> uri -> segment(2))));
												}
											}
										}
										?>
									</div><!-- /.col -->
									<?php
									if (!$this -> session -> userdata('employer_active_access') && !$this -> session -> userdata('jobseeker_active_access')) {
										$this -> load -> view(F_MASTER . "sidebar");
									} else if ($this -> uri -> segment(1) == "" || $this -> uri -> segment(1) == 'jobs' || $this -> uri -> segment(1) == 'contact' || $this->uri->segment(1)=='companies') {
										$this -> load -> view(F_MASTER . "sidebar");
									}
									?>
								</div><!-- /.row -->

							</section>
						</div><!-- end row contain category and facebook -->
					</div><!-- end contain div section -->
				</div><!-- /.row -->
			</section><!-- /.content -->
		</div><!-- ./wrapper -->
		<?php
		include 'footer.php';
		?>
		<!-- add new calendar event modal -->

		
		<!-- Bootstrap -->
		<script src="<?php echo base_url() . B_JS; ?>bootstrap.min.js" type="text/javascript"></script>
		<!-- Morris.js charts -->
		<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
		<script src="<?php echo base_url() . B_JS; ?>plugins/morris/morris.min.js" type="text/javascript"></script>
		<!-- Sparkline -->
		<script src="<?php echo base_url() . B_JS; ?>plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
		<!-- jvectormap -->
		<script src="<?php echo base_url() . B_JS; ?>plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
		<script src="<?php echo base_url() . B_JS; ?>plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
		<!-- jQuery Knob Chart -->
		<script src="<?php echo base_url() . B_JS; ?>plugins/jqueryKnob/jquery.knob.js" type="text/javascript"></script>
		<!-- daterangepicker -->
		<script src="<?php echo base_url() . B_JS; ?>plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
		<!-- datepicker -->
		<script src="<?php echo base_url() . B_JS; ?>plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
		<!-- Bootstrap WYSIHTML5 -->
		<script src="<?php echo base_url() . B_JS; ?>plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
		<!-- iCheck -->
		<script src="<?php echo base_url() . B_JS; ?>plugins/iCheck/icheck.min.js" type="text/javascript"></script>

		<!-- AdminLTE App -->
		<!--<script src="js/AdminLTE/app.js" type="text/javascript"></script>

		<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
		<!--<script src="js/AdminLTE/dashboard.js" type="text/javascript"></script>-->

		<!-- AdminLTE for demo purposes -->
		<!--<script src="js/AdminLTE/demo.js" type="text/javascript"></script>-->

		<!-- DATA TABES SCRIPT -->
		
		<script src="<?php echo base_url() . F_JS; ?>jquery.validate.js" type="text/javascript"></script>
		
		<script src="<?php echo base_url() . B_JS_PLUGIN; ?>datatables/jquery.dataTables.js" type="text/javascript"></script>
		<script src="<?php echo base_url() . B_JS_PLUGIN; ?>datatables/dataTables.bootstrap.js" type="text/javascript"></script>
		<!-- InputMask -->
		<script src="<?php echo base_url() . B_JS_PLUGIN; ?>input-mask/jquery.inputmask.js" type="text/javascript"></script>
		<script src="<?php echo base_url() . B_JS_PLUGIN; ?>input-mask/jquery.inputmask.date.extensions.js" type="text/javascript"></script>
		<script src="<?php echo base_url() . B_JS_PLUGIN; ?>input-mask/jquery.inputmask.extensions.js" type="text/javascript"></script>
		<!-- daterangepicker -->
		<script src="<?php echo base_url() . B_JS_PLUGIN; ?>daterangepicker/daterangepicker.js" type="text/javascript"></script>
		<!-- datepicker -->
		<script src="<?php echo base_url() . B_JS_PLUGIN; ?>datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
		<!-- CK Editor -->
		<script src="<?php echo base_url() . B_JS; ?>plugins/ckeditor/ckeditor.js" type="text/javascript"></script>
		<!-- Bootstrap WYSIHTML5 -->
		<script src="<?php echo base_url() . B_JS; ?>plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(function() {
				// Replace the <textarea id="editor1"> with a CKEditor
				// instance, using default configuration.
				<?php
					if($this->uri->segment(2)=="resume-editor" || $this->uri->segment(2)=="modify-resume-editor"){
				?>
						CKEDITOR.replace('editor1');
				<?php
					}
				?>
				//bootstrap WYSIHTML5 - text editor
				$(".textarea").wysihtml5();
			});
		</script>
		<script type="text/javascript">
			$(function() {
				$("#example1").dataTable();
				$('#example2').dataTable({
					"bPaginate" : true,
					"bLengthChange" : false,
					"bFilter" : false,
					"bSort" : true,
					"bInfo" : true,
					"bAutoWidth" : false
				});
			});
		</script>
		<!-- Page script -->
		<script type="text/javascript">
			$(function() {
				//Datemask dd/mm/yyyy
				$("#datemask").inputmask("dd/mm/yyyy", {
					"placeholder" : "dd/mm/yyyy"
				});
				//Datemask2 mm/dd/yyyy
				$("#datemask2").inputmask("mm/dd/yyyy", {
					"placeholder" : "mm/dd/yyyy"
				});
				//Money Euro
				$("[data-mask]").inputmask();

				//Date range picker
				$('#reservation').daterangepicker();
				//Date range picker with time picker
				$('#reservationtime').daterangepicker({
					timePicker : true,
					timePickerIncrement : 30,
					format : 'MM/DD/YYYY h:mm A'
				});
				//Date range as a button
				$('#daterange-btn').daterangepicker({
					ranges : {
						'Today' : [moment(), moment()],
						'Yesterday' : [moment().subtract('days', 1), moment().subtract('days', 1)],
						'Last 7 Days' : [moment().subtract('days', 6), moment()],
						'Last 30 Days' : [moment().subtract('days', 29), moment()],
						'This Month' : [moment().startOf('month'), moment().endOf('month')],
						'Last Month' : [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
					},
					startDate : moment().subtract('days', 29),
					endDate : moment()
				}, function(start, end) {
					$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
				});

				//iCheck for checkbox and radio inputs
				$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
					checkboxClass : 'icheckbox_minimal',
					radioClass : 'iradio_minimal'
				});
				//Red color scheme for iCheck
				$('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
					checkboxClass : 'icheckbox_minimal-red',
					radioClass : 'iradio_minimal-red'
				});
				//Flat red color scheme for iCheck
				$('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
					checkboxClass : 'icheckbox_flat-red',
					radioClass : 'iradio_flat-red'
				});

				//Colorpicker
				//$(".my-colorpicker1").colorpicker();
				//color picker with addon
				//$(".my-colorpicker2").colorpicker();

				//Timepicker
				//$(".timepicker").timepicker({
					//showInputs : false
				//});
			});
		</script>
		<script>
			function goBack() {
				window.history.back()
			}
		</script>
	</body>
</html>